<template>
  <div class="navitems clearfix">
    <ul>
      <li :class="[$route.name == 'index' ? 'active' : '']">
        <nuxt-link to="/">首页</nuxt-link>
      </li>

      <li :class="[$route.name == 'baseIntrduce' ? 'active' : '']">
        <nuxt-link to="/baseIntrduce">基地介绍</nuxt-link>
      </li>

      <li :class="[$route.name == 'helpFamiFinance-intrduce' ? 'active' : '']">
        <nuxt-link to="/helpFamiFinance/intrduce">助农金融</nuxt-link>
      </li>

      <li :class="[$route.name == 'nzSupply' ? 'active' : '']">
        <nuxt-link to="/nzSupply">农资供应</nuxt-link>
      </li>

      <li :class="[$route.name == 'expertTeam' ? 'active' : '']">
        <nuxt-link to="/zjTeam">专家团队</nuxt-link>
      </li>

      <li :class="[$route.name == 'farmProducts-tracing' ? 'active' : '']">
        <nuxt-link to="/farmProducts/tracing1">农产品溯源</nuxt-link>
      </li>

      <li :class="[$route.name == 'News' ? 'active' : '']">
        <nuxt-link to="/News">公司新闻</nuxt-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },

  mounted() {
    // console.log(this.$route);
  },
};
</script>
